<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <script src="../js/base.min.js"></script>
    <title>蓝色首页</title>
    <link rel="stylesheet" href="../css/blue.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_957302_kfbje8wqktr.css"/>
</head>
<body>

<!--banner-->
<section class="f1">
    <div class="anniu">
        <button type="button">
            <h1>立即注册＞</h1>
        </button>
    </div>

</section>
<!--banner-->

<section class="f2">
    <ul class="tubiao">
        <li class="wen">
            <div  class="icon1" flex="main:center cross:center">
                <i class="iconfont icon-tianchongxing-"></i>
            </div>
            <p>会员专区</p>
        </li>

        <li class="wen">
            <div  class="icon2" flex="main:center cross:center">
                <i class="iconfont icon-chuxucunkuan"></i>
            </div>
            <p>精选理财</p>
        </li>

        <li class="wen">
            <div  class="icon3" flex="main:center cross:center">
                <i class="iconfont icon-licai-"></i>
            </div>
            <p>理财助手</p>
        </li>

        <li class="wen">
            <div  class="icon4" flex="main:center cross:center">
                <i class="iconfont icon-bajiefuli"></i>
            </div>
            <p>推荐有礼</p>
        </li>
    </ul>

</section>


<section class="f3">
    <div class="xinren" flex="cross:center">
        <span></span>
        新人专享
    </div>

    <ul class="lie">
        <li>
            <div class="as" flex>
                <div class="left" flex="main:center cross:bottom">
                    <h3 class="seven">7</h3> <h3 class="bai">.5%</h3>
                </div>
                <div  class="right" flex="main:center cross:center dir:top">
                    <p class="one">包图省心宝</p>
                    <p class="two">锁定期90天</p>
                </div>

            </div>
            <div class="ww" flex="main:center">
                <div class="zx">
                    <div class="zxn"></div>
                </div>
            </div>

        </li>

        <li>
            <div class="as" flex>
                <div class="left" flex="main:center cross:bottom">
                    <h3 class="seven">8</h3> <h3 class="bai">.5%</h3>
                </div>
                <div  class="right" flex="main:center cross:center dir:top">
                    <p class="one">包图省心宝</p>
                    <p class="two">锁定期90天</p>
                </div>

            </div>
            <div class="ww" flex="main:center">
                <div class="zx">
                    <div class="zxn"></div>
                </div>
            </div>
        </li>
        <li>
            <div class="as" flex>
                <div class="left" flex="main:center cross:bottom">
                    <h3 class="seven">7</h3> <h3 class="bai">.5%</h3>
                </div>
                <div  class="right" flex="main:center cross:center dir:top">
                    <p class="one">包图省心宝</p>
                    <p class="two">锁定期90天</p>
                </div>

            </div>
            <div class="ww" flex="main:center">
                <div class="zx">
                    <div class="zxn"></div>
                </div>
            </div>
        </li>
    </ul>

</section>



<section class="f4">
    <div class="licai" flex="cross:center">
        <span></span>
        精选理财
    </div>

    <div class="jijin" flex="cross:center">
        <div class="juxing">
            <p>基金</p>
        </div>
        <h3>一日存入  月月取息</h3>
    </div>

    <ul class="touzi" flex="cross:top">
        <li class="zuo" flex="main:justify dir:top">
            <div class="baifen" flex="main:left cross:bottom">
                <h3 class="eg">6</h3> <h3 class="et">.18%</h3>
            </div>
            <p class="wenzi">七日年化收益率</p>
        </li>

        <li class="zhong" flex="main:justify dir:top">
            <span>1000元起投  明星基金经理</span>
            <div class="erp" flex="main:center">
                <div class="zv">
                    <div class="zvn"></div>
                </div>
            </div>
        </li>

        <li flex="dir:top">
            <button type="button" class="liji">立即投资</button>
            <p class="wenzi-2">已投资700000万元</p>
        </li>

    </ul>
</section>



<footer class="f5">
    <ul class="foot" flex>
        <li class="tb" flex="main:center dir:top cross:center">
            <i class="iconfont icon-shouye"></i>
            <p>首页</p>
        </li>

        <li class="tb2" flex="main:center dir:top cross:center">
            <i class="iconfont icon-licai"></i>
            <p>首页</p>
        </li>

        <li class="tb2" flex="main:center dir:top cross:center">
            <i class="iconfont icon-touzi1"></i>
            <p>首页</p>
        </li>

        <li class="tb2" flex="main:center dir:top cross:center">
            <i class="iconfont icon-wode_zhuye"></i>
            <p>首页</p>
        </li>
    </ul>

</footer>










</body>
</html>